.login {
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  background: #ececec;
  .header {
    width: 432rpx;
  }
  .logo {
    width: 170rpx;
    padding-top: 20rpx;
  }
  .center {
    .login-btn {
      line-height: 44rpx;
      font-size: 32rpx;
      text-align: center;
      border: none;
      background: transparent;
      color: #000;
      &::after {
        display: none;
      }
    }
  }
  .bottom {
    .wrap {
      display: flex;
      align-items: flex-start;
      .checked {
        width: 30rpx;
        height: 30rpx;
        background: #d9d9d9;
        margin-right: 10rpx;
        position: relative;
        &::after {
          content: '';
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 26rpx;
          height: 26rpx;
          background: #000;
          border-radius: 50%;
          display: none;
        }
      }
      .checked.active {
        &::after {
          display: block;
        }
      }
      .text {
        line-height: 22rpx;
        font-size: 20rpx;
        color: #000;
      }
    }
  }
}
